<template>
    <div class="mytreatment">
        <div class="record" style="margin-bottom: 10px;">
            <h4>辅助检查记录</h4>
        </div>
        <p v-for="item in examResult" style="margin-bottom: 10px;">
            <el-card style="height: auto;" v-if="item.checkName != '超声检查'">
                <p>{{ item.updateTime }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ item.checkName }}</p>
                <el-table :data="item.attributeExamList" style="width: 100%">
                    <el-table-column prop="attributeName" label="属性" width="180">
                    </el-table-column>
                    <el-table-column prop="exam" label="数值" width="180">
                    </el-table-column>
                    <el-table-column prop="standardValue" label="参考值">
                    </el-table-column>
                </el-table>
            </el-card>
            <el-card style="height: auto;" v-else>
                <p>{{ item.updateTime }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ item.checkName }}</p>
                <el-table :data="item.attributeExamList" style="width: 100%">
                    <el-table-column prop="attributeName" label="属性" width="180">
                    </el-table-column>
                    <el-table-column prop="exam" label="报告描述" width="180">
                    </el-table-column>
                </el-table>
            </el-card>
        </p>


    </div>
</template>

<script>
export default {
    data() {
        return {
            examResult: []
        }
    },
    created() {
        this.getMyCheckList()
    },
    methods: {
        getMyCheckList() {
            //获取辅助检查结果列表数据
            var customerId = JSON.parse(localStorage.getItem("customer")).id
            this.request.get("/pet-auxiliary-check/petauxiliaryaxam", {
                params: {
                    customerId: customerId,
                }
            }).then(res => {
                this.examResult = res.data
                console.log("当前数据====>", this.examResult)
            })

        }
    },
}
</script>

<style lang="less" scoped>
.mytreatment {
    padding: 0;

    .record {
        height: 40px;
        border-bottom: 1px solid gray;
    }
}
</style>